@import "./global_m.css";

body{background-color: #ffffff;}

.screen_pc{display:none;}

#outside {clear:both; float:left; width:100%; /*min-width:100%;*/ /*margin: 20px auto 0 auto;*/ margin:0; padding:0; /*border: solid 1px #0f0;*/}
#midside {clear:both; float:left; width:100%; margin: 0; /*border: solid 1px #0f0;*/}
#inside {clear:both; float:left; width:100%; /*margin: 0 auto 15.0rem auto;*/ margin: 0; /*background-color: #ffffff;*//*border-top: solid 1.0rem #ff9933; border-bottom: solid 2px #ff9933;*/ /*border: solid 1px #0f0;*/}

/*#top_nav {float: right; margin: 0; margin-top: 5px;}
#top_nav a {color: #ff9933; font-size: 120%; margin: 0 5px; text-decoration: underline;}
#top_nav a:hover {color: #dd0000;}*/
#top_nav {clear:none; float: none; position:fixed; top:0px; /*left:0;*/ width:100%; /*min-width:900px;*/ /*height:71px;*/ /*margin:0 0 1.0rem 0 ;*/ margin:0; padding:0; opacity:1; z-index:90; background-color: #ffffff; border-bottom:1px solid #ccc; /*color: #ffffff;*/ /*border: solid 1px #f00;*/}

#title {clear:none; float: left; /*width:216px;*/ width:25%; /*width:100%;*/ /*height:2.0rem;*/ margin:0.2rem 0 0 0; padding:0; color: #ffffff; /*border: solid 1px #001;*/}
#title img{margin:0.2rem 0 0 0.68rem; width:100%;}

/*#inside h1 {margin:0; padding:0 0 0 16px; width:200px; height:60px; color: #ff9933; font-weight: normal; letter-spacing: -1px;font-size:2.0rem; border: solid 1px #f00;}*/

/*#middle-nav {clear:both; float: left; position:absolute; bottom:0; width:auto; margin: 0; padding:0; color: #ffffff; overflow:hidden;}*/
/*#middle-nav {display:none;}*/
/*#middle_nav_m{float:left; margin:2.38vw 0 0 18.6vw; background-image: url('/images/menu_m.png');background-repeat: no-repeat;background-attachment: scroll; background-color: transparent; background-size: cover; float:left; width:5vw; height:5vw; cursor:pointer;}
#middle_nav_m_new{float:left; margin:2.38vw 0 0 18.6vw; background-image: url('/images/work_new_m.png');background-repeat: no-repeat;background-attachment: scroll; background-color: transparent; background-size: cover; float:left; width:5vw; height:5vw; cursor:pointer;}*/

#middle-nav {clear:none; float: left; /*position:absolute; bottom:0;*/ width:auto; max-height:6.6rem;/*position:fixed; top:0px; width:780px; height:66px;*/ /*width:100%;*/ /*height:20px;*/ margin:1.2rem 0 0 1.2rem; padding:0; /*color: #ffffff;*/ overflow:hidden; /*border: solid 1px #0f0;*/}
#middle-nav span.main_menu {/*margin:20px 0 0 20px;*/ position:relative; /*bottom:0px;*/  float:left;/*margin:0.8rem 0 0.5rem 0;*/ margin:0; padding:0; font-size:1.8rem; /*border:solid 1px #00f;*/}
/*#right_nav_m span ,#middle_nav_m span{ position:relative; float:left; padding:0; font-size:1.8rem;width:5vw; height:5vw;line-height:5vw;}*/
#middle-nav  li{float:left; margin:0 0 0.6rem 1.0rem; padding:0 0.5rem; line-height:2.5rem; height:2.5rem; font-size:1.6rem;/*background-color: #888888;*/ /*border:solid 1px #f0f;*/}
#middle-nav span.contact_info_wx{float:right; margin:0 0 0 1.2rem; padding:0; line-height:2.5rem; height:2.5rem; font-size:1.6rem; color:#333333; /*border:1px solid #0f0;*/}
#middle-nav span.contact_info_wx em{font-size:1.39rem; color:#09f;}

#middle_nav_m a, #right_nav_m a{margin:0; padding:0; font-size:1.8rem; color: #666666; text-decoration: none;}
#img_m_login,#img_m {clear:both; float:left; margin:0; padding:0; width:5vw; height:5vw; cursor:pointer;}
#img_m_login{background-image: url('/images/login_m.png');background-repeat: no-repeat;background-attachment: scroll; background-color: transparent; background-size: cover; }
#img_m { background-repeat: no-repeat;background-attachment: scroll; background-color: transparent; background-size: cover; border-radius:20%; }

#middle-nav .nav-li-active {/*background-color: #888888;*//*border:solid 1px #00f;*/}
#middle-nav .nav-li-active a{color:#000;}

#right-nav{display:none;}
#right_nav_m {/*float:right; position:absolute; right:3.8vw;*/float:left; margin:2.38vw 0 0 18.6vw; padding:0; width:5vw; height:5vw; line-height:5vw;  font-size:1.8rem;}

#main {clear:none; float:left; width:100%; position: relative; margin:9.5% 0 0 0; padding: 0; color: #484848; /*border: solid 1px #f00;*/}
#main a {}
/*#main a:hover {color: #dd0000;}*/
#main h1 {font-weight:normal;}
#main h2 {font-weight:normal;}
#main h3 {font-weight:normal;}

.keywords{clear:both; float:left; margin:3.0rem 0; width:100%; /*border:1px solid #f00;*/}
.keywords .keyword_items{float:left; margin:0.8rem 0.8rem; padding:0.5rem 1.5rem; font-size:1.2rem; border-radius:1.5rem; background-color:#f8f8f8; border:1px solid #eee;}

.top_img {float:none; margin:3px 0 0 0; padding:0 0 20% 0; width:100%; height:0; /*height:200px;*/ background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%; /*border:1px solid #00f;*/}

input[type="text"],input[type="password"],input[type="datetime-local"],select {height:3.0rem;line-height:3.0rem; /*padding:0 8px;*/ padding:0 2%; border:1px solid #bbbbbb;}
textarea{padding:0.5rem 2%; resize:none; border:1px solid #bbbbbb;}

.foot_content{margin:0; padding:0 2.5%; width:95%; /*border:1px solid #f00;*/}
.sell_info{float:left; margin:3.0rem 0 0 0; padding:1.5rem 0 0 0; width:100%; border-top:1px solid #eee;}
.myinfo{float:left; margin:1.0rem 0 0 0; padding:0; width:100%; /*border:1px solid #00f;*/}
.myinfo p{float:left; margin:0; padding:0.8rem 0; width:100%; font-size:1.6rem;/*border:1px solid #f00;*/}
.myinfo p em{font-size:2.2rem; font-weight:bold; color:#09f;/*border:1px solid #f00;*/}
.wx_qrcode{float:left; margin:0; padding:0; width:30%; height:auto; /*border:1px solid #00f;*/}
.wx_qrcode span{clear:both; float:left; margin:0; padding:0; width:100%; text-align:center; /*border:1px solid #00f;*/}
.wx_qrcode img{float:left; margin:0; padding:0; width:100%; height:auto;}


#footer { /*position:absolute; bottom:0;*/ float:left; width:100%; margin: 15% 0 0 0; padding: 0; background-color: #777777; /*border:1px solid #f00;*/}
#footer-content { float:none;/*width:100%;*/ width:95%; /*margin: 30px auto;*/margin:2.5rem auto; padding: 0 2.5%; line-height:2.5rem; max-height:5.0rem; /*text-indent:16px;*/  text-align:center; color: #ffffff;font-size:1.6rem; /*border:1px solid #0f0;*/}
#footer h5 {margin: 0;}
#footer h5 a{color: #ffffff;}

/*#mask {display:none;}*/
#input_information{display:none;}